<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>KnowledgePoint2</title>
</head>
<body>
<h1>th:常用属性</h1>
<div>
    <h1>th:each</h1>
    <table>
        <th>
            <td>当前遍历下标，从0开始</td>
            <td>下标是偶数</td>
            <td>下标是奇数</td>
            <td>集合大小</td>
            <td>当前第几个元素，从1开始</td>
            <td>是第一个元素</td>
            <td>是最后一个元素</td>
            <td>num</td>
            <td>name</td>
        </th>
        <tr th:each="objItem,traverseInfo:*{objList}">
            <td th:text="${traverseInfo.index}"></td>
            <td th:text="${traverseInfo.even}"></td>
            <td th:text="${traverseInfo.odd}"></td>
            <td th:text="${traverseInfo.size}"></td>
            <td th:text="${traverseInfo.count}"></td>
            <td th:text="${traverseInfo.first}"></td>
            <td th:text="${traverseInfo.last}"></td>
            <td th:text="*{objItem.getNum()}"></td>
            <td th:text="*{objItem.getName()}"></td>
        </tr>
    </table>
</div>
<div>
    <h1>th:if</h1>
    <h3>说明：当为true时，创建该节点、否则删除该节点。和vue的v-if一样。其他的流程控制也是如此</h3>
    <div th:if="${obj.name}=='小白' and (${obj.num} gt 100) or 1 le -1">
        ${obj.name.equals('小白')}
        gt等价与>
        lt等价与<
        le等驾驭<=
        ge等价与>=
    </div>
    <h1>th:unless</h1>
    <h3>说明：当条件不满足时，才会触发，与if判断相反</h3>
    <div th:unless="${obj.num} gt 18">
        你未满18岁。即条件obj.older>18,当obj.older<=18时返回true，触发
    </div>
</div>
<div>
    <h1>th:switch、th:case</h1>
    <span th:switch="${obj.num}">
        <p th:case="100">uid为100的员工来了</p>
        <p th:case="99">uid为99的员工来了</p>
        <p th:case="*">没有匹配成功的数据！</p>
    </span>
</div>
</body>
</html>